<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png">
    <title>江苏彭派数字科技有限公司</title>
    <link href="/assets/css/themify-icons.css" rel="stylesheet">
    <link href="/assets/css/flaticon.css" rel="stylesheet">
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/animate.css" rel="stylesheet">
    <link href="/assets/css/owl.carousel.css" rel="stylesheet">
    <link href="/assets/css/owl.theme.css" rel="stylesheet">
    <link href="/assets/css/slick.css" rel="stylesheet">
    <link href="/assets/css/slick-theme.css" rel="stylesheet">
    <link href="/assets/css/swiper.min.css" rel="stylesheet">
    <link href="/assets/css/owl.transitions.css" rel="stylesheet">
    <link href="/assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="/assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="/assets/css/component.css" rel="stylesheet">
    <link href="/assets/css/style.css" rel="stylesheet">
    <link href="/assets/css/responsive.css" rel="stylesheet">
    <link href="/assets/layui/css/layui.css" rel="stylesheet" />
<!--    <link href="/assets/layui/layui.js" rel="stylesheet">-->
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="spinner">
              <div class="double-bounce1"></div>
              <div class="double-bounce2"></div>
            </div>
        </div>
        <header id="header">

        </header>
        <!-- end of header -->
        <!-- start of breadcumb-section -->
        <div class="wpo-breadcumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="wpo-breadcumb-wrap">
                            <h2 style="font-weight:normal">[[${wc.categoryName}]]</h2>
                            <ul>
                                <li><a href="/index.html">首页</a></li>
                                <li><span>[[${wc.categoryName}]]</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end of wpo-breadcumb-section-->


        <!-- start wpo-blog-pg-section -->
        <section class="wpo-blog-pg-section section-padding">
            <div id="content" class="container">
                <div class="row">
                    <div class="col col-lg-10 offset-lg-1">
                        <div class="wpo-blog-content">
                            <div id="first" th:class="(${wa.coverImage} eq '' ) ? 'post format-standard' : 'post format-standard-image'" th:each="wa:${was}">
                                <div th:class="(${wa.coverImage} eq '')? none : 'entry-media'">
                                    <img th:src="'/files/'+${wa.coverImage}" alt>
                                </div>
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="fi flaticon-user"></i> 作者 <a href="#">[[${wa.author}]]</a> </li>
                                        <li><i class="fi flaticon-calendar"></i>[[${wa.publishTime}]]</li>
                                    </ul>
                                </div>
                                <div class="entry-details">
                                    <h3><a th:href="${wa.href}">[[${wa.articleName}]]</a></h3>
                                    <p>[[${wa.articleDescription}]]</p>
                                    <a th:href="${wa.href}" class="read-more">查看详细</a>
                                </div>
                            </div>
                            <div id="pageDemo" class=" pg-pagination"></div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <footer id="footer" class="wpo-site-footer">

        </footer>
        <!-- end of wpo-site-footer-section -->
    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="/assets/js/modernizr.custom.js"></script>
    <script src="/assets/js/jquery.dlmenu.js"></script>
    <script src="/assets/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="/assets/js/script.js"></script>
    <script src="/assets/layui/layui.js"></script>
<!--    <script src="/assets/pear/pear.js"></script>-->
    <script>
        layui.use(['laypage', 'layer'], function() {
            var laypage = layui.laypage,
                layer = layui.layer;
            laypage.render({
                elem: 'pageDemo',
                limit: 4,
                prev: '<em><</em>',
                next: '<em>></em>',
                theme: '#1E9FFF',
                curr: [[${currentPage}]],
                count: [[${total}]], //数据总数
                jump: function(obj, first){
                    console.log(obj);
                    //首次不执行
                    if(!first){
                        //do something
                        window.location.href='/category/'+ [[${wc.categoryId}]] + '/p/' + obj.curr;
                    }

                }
            });
        })
    </script>
</body>

</html>